import { StyleSheet } from 'react-native';
import { t } from 'react-native-tailwindcss';

import screen from '../../utils/screen';

export default StyleSheet.create({
  queryContainer: {
    ...t.flex,
  },
  queryHeader: {
    ...t.p4,
    ...t.bgThemeBlue,
    ...t.flex,
    ...t.flexRow,
    ...t.justifyBetween,
    ...t.itemsCenter,
  },
  queryHeaderPosition: {
    ...t.flex,
    ...t.flexRow,
    ...t.w24,
  },
  queryPositionName: {
    ...t.mL1,
    ...t.textWhite,
  },
  queryHeaderSearch: {
    ...t.flex1,
    ...t.mL4,
    ...t.roundedLg,
    ...t.bgWhite,
    ...t.flex,
    ...t.flexRow,
    ...t.justifyBetween,
    ...t.itemsCenter,
    ...t.pX4,
    ...t.pY1,
  },
  querySearchLeft: {
    // width: screen.EW * 40,
  },
  querySearchInput: {
    ...t.pY0,
    ...t.flex1,
    ...t.h12,
  },
  querySearchRight: {
    ...t.flex,
    ...t.flexRow,
    ...t.justifyBetween,
    ...t.itemsCenter,
    // width: screen.EW * 90,
    ...t.w24,
  },
  querySearchLine: {
    // color: gray6,
    ...t.bgFontGray2,
    ...t.h6,
    ...t.wPx,
  },
  querySearchText: {
    ...t.textFontGray2,
    ...t.fontMedium,
  },
  queryBannerContainer: {
    ...t.wFull,
    // height: screen.EH * 280,
    ...t.h64,
  },
  queryBannerSwiperImg: {
    ...t.wFull,
    ...t.hFull,
  },
  queryBannerSwiperDotStyle: {
    ...t._mB8,
  },
  queryBannerSwipeActiveDotStyle: {
    ...t.bgThemeBlue,
  },
  queryNavContainer: {
    ...t.bgWhite,
    ...t.pY8,
  },
  queryNav: {
    ...t.flex,
    ...t.flexRow,
    ...t.justifyBetween,
    ...t.itemsCenter,
    ...t.pX8,
  },
  queryNavItem: {
    ...t.flex,
    ...t.flexCol,
    ...t.itemsCenter,
    ...t.textWhite,
    ...t.justifyBetween,
    ...t.pT5,
    ...t.roundedLg,
    // ...t.w32,
    // height: screen.EH * 160,
    width: screen.EW * 150,
  },
  queryNavItemStyle1: {
    ...t.bgThemeYellow,
  },
  queryNavItemStyle2: {
    ...t.bgThemePink,
  },
  queryNavItemStyle3: {
    ...t.bgThemeGreen,
  },
  queryNavItemStyle4: {
    ...t.bgThemeBlue,
  },
  queryNavItemTop: {
    ...t.bgWhite,
    ...t.roundedFull,
  },
  queryNavItemBottom: {
    ...t.mT3,
  },
  queryNavItemText: {
    ...t.textWhite,
    ...t.text2xl,
    ...t.fontMedium,
  },
  queryNavItemBgImage: {
    ...t.wFull,
    ...t.objectCover,
    ...t.h8,
  },
  querySubNav: {
    ...t.flex,
    ...t.flexRow,
    ...t.justifyCenter,
    ...t.itemsCenter,
    ...t.flexWrap,
    ...t.mT2,
  },
  querySubNavItem: {
    ...t.w1_5,
    ...t.flex,
    ...t.flexCol,
    ...t.justifyCenter,
    ...t.itemsCenter,
    ...t.mB8,
  },
  querySubNavItemTop: {},
  querySubNavItemBottom: {},
  querySubNavItemText: {
    ...t.text2xl,
    ...t.fontBold,
    ...t.textFontGray1,
  },
  querySection: {
    ...t.bgWhite,
    ...t.mT3,
    ...t.pT5,
  },
  querySectionTitle: {
    ...t.flex,
    ...t.itemsCenter,
    ...t.justifyBetween,
    ...t.flexRow,
    ...t.borderB,
    ...t.borderBorderColor1,
    ...t.pX8,
    ...t.pB3,
  },
  querySectionVLine: {
    ...t.w1,
    ...t.h6,
    ...t.rounded,
    ...t.bgThemeBlue,
    ...t.mR3,
  },
  querySectionTitleL: {
    ...t.flex,
    ...t.itemsCenter,
    ...t.justifyBetween,
    ...t.flexRow,
  },
  querySectionText: {
    ...t.textFontGray1,
    ...t.text3xl,
    ...t.fontBold,
  },
  querySectionTitleR: {
    ...t.textFontGray1,
    ...t.fontBold,
  },
  querySectionContent: {
    ...t.pX8,
    ...t.pY5,

    // ...t.border,
    // ...t.borderRed800,
  },
  queryHelpContainer: {
    ...t.flex,
    ...t.itemsCenter,
    ...t.justifyBetween,
    ...t.flexRow,
  },
  queryHelpContainerL: {
    ...t.flex,
    ...t.justifyBetween,
    ...t.flexRow,
    ...t.flex1,
    ...t.mR10,
  },
  queryHelpImage: {
    ...t.objectCover,
    ...t.w32,
    ...t.h32,
    ...t.roundedLg,
  },
  queryHelpInfo: {
    ...t.flex,
    ...t.flex1,
    ...t.mL8,
    // ...t.itemsCenter,
    // ...t.flexCol,
  },
  queryHelpInfoTop: {
    // borderColor: 'red',
    // borderWidth: 0.5,
    ...t.flex,
    // ...t.itemsStart,
    ...t.flexRow,
    // ...t.flex1,
    ...t.text3xl,
    ...t.textFontGray1,
  },
  queryHelpInfoName: {
    ...t.fontBold,
    ...t.textFontGray1,
  },
  queryHelpInfoBonus: {
    ...t.mL5,
    ...t.fontBold,
    ...t.textFontGray1,
  },
  queryHelpInfoPrice: {
    ...t.textThemeYellow,
    ...t.fontBold,
  },
  queryHelpInfoContent: {
    ...t.mT5,
  },
  queryHelpPublish: {
    ...t.bgThemeBlue,
    ...t.p4,
    ...t.roundedLg,
  },
  queryHelpContainerR: {
    // ...t.flex1,
    // ...t.p6,
  },
  queryHelpPublishBtn: {},
  queryHelpPublishBtnText: {
    ...t.textWhite,
  },
  queryHelpInfoContentText: {
    ...t.text2xl,
    ...t.textFontGray1,
    // ...t.fontBold,
  },
  queryCarProContainer: {
    ...t.bgWhite,
  },
  queryCarProScroll: {
    ...t.flexRow,
    ...t.flex,
    ...t.pT2,
  },
  queryCarProItem: {
    ...t.flexRow,
    ...t.flex,
    ...t.pR8,
  },
  queryCarProItemImage: {
    ...t.objectCover,
    ...t.w32,
    ...t.h32,
    ...t.roundedLg,
  },
  queryCarProItemInfo: {
    ...t.mL6,
    ...t.w32,
  },
  queryCarProItemInfoName: {
    ...t.fontBold,
    ...t.text2xl,
    ...t.textFontGray1,
  },
  queryCarProItemInfoPrice: {
    ...t.textThemeYellow,
    ...t.fontMedium,
    ...t.text3xl,
    ...t.mT2,
  },
  queryRecommendContainer: {
    ...t.flex,
    ...t.itemsCenter,
    ...t.justifyBetween,
    ...t.flexRow,
    ...t.flexWrap,
  },
  queryRecommendItem: {
    width: '49%',
    ...t.mB10,
    // ...t.shadow,
    ...t.borderBorderColor1,
    ...t.border,
    ...t.roundedLg,
    ...t.overflowHidden,
  },
  queryRecommendItemImage: {
    ...t.objectCover,
    ...t.wFull,
    // ...t.hFull,
    ...t.h64,
    ...t.roundedBLg,
  },
  queryRecommendItemInfo: {
    ...t.mT4,
    ...t.pY2,
    ...t.pX3,
  },
  queryRecommendItemInfoName: {
    ...t.textFontGray1,
    ...t.text2xl,
    ...t.fontBold,
  },
  queryRecommendItemInfoPrice: {
    ...t.mT2,
    ...t.flex,
    ...t.flexRow,
    ...t.itemsCenter,

    // borderColor: 'red',
    // borderWidth: 0.5,
  },
  queryRecommendItemInfoCurPrice: {
    ...t.textThemeYellow,
    ...t.fontMedium,
    ...t.text3xl,
  },
  queryRecommendItemInfoOriPrice: {
    ...t.text2xl,
    ...t.textGray500,
    ...t.lineThrough,
    ...t.mL3,
  },
});
